<?php $this->html->loadCss("Content/VietTrung/css/boxy.css")?>
<?php $this->html->loadJs("Content/VietTrung/js/jquery.boxy.js")?>

<div class="content_Title special">
	<span class="cat-title green"><?php echo $this->resource->certificate?></span>
</div>
<div class="content-container">
	<a class="prev browse left"></a>
	<div class="scrollable" id="scroller">
		<!-- root element for the items -->
		<div class="items" style="left: -1360px; ">
            <div>
            <?php foreach($photos as $p):?>
				<img class="scroll-image" src="<?php echo $p->image ?>">
            <?php endforeach;?>
			</div>
		</div>
	</div>
<a class="next browse right"></a>
</div>
<script type="text/javascript">
$(document).ready(function(){
	$(".scroll-image").click(function(){
		var img = $(this).attr("src");
		var dialog = new Boxy('<div><img height="600" src="'+ img +'"/></div>', {title: "<?php echo $this->resource->image_detail;?>", modal: true, unloadOnHide: true, closeText: "[<?php echo $this->resource->close;?>]"});
	});
});
</script>